<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html lang="zh" xml:lang="zh"
      xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://xmlns.jcp.org/jsf/passthrough"
      xmlns:comp="http://xmlns.jcp.org/jsf/composite/components">
<f:metadata>
    <ui:insert name="pageParams"/>
</f:metadata>
<h:head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <title><ui:insert name="pageTitle">Venue-Man</ui:insert></title>
    <h:outputStylesheet library="styles" name="normalize.css"/>
    <h:outputStylesheet library="styles" name="foundation.min.css"/>
    <h:outputStylesheet library="styles" name="common.template.css"/>
    <ui:insert name="additionalStyles"/>
</h:head>

<h:body styleClass="antialiased">
    <nav class="top-bar" role="navigation">
        <h:form>
            <ul class="title-area">
                <li class="name">
                    <h1 class="app-name">#{labels.appName}</h1>
                </li>
            </ul>
            <section class="top-bar-section">
                <ul class="left">
                    <li><h:commandLink value="#{labels.commonMenuGlance}" action="index"/></li>
                    <li class="has-dropdown not-click">
                        <h:outputLink value="#"
                                      rendered="#{loginSessionBean.checkPrivilege('admin')}">#{labels.commonMenuVenue}</h:outputLink>
                        <ul class="dropdown">
                            <li><h:outputLink value="#">#{labels.commonMenuVenueManage}</h:outputLink></li>
                            <li><h:outputLink value="#">#{labels.commonMenuFieldManage}</h:outputLink></li>
                            <li><h:outputLink value="#">#{labels.commonMenuLockerManage}</h:outputLink></li>
                            <li class="divider"></li>
                            <li><h:outputLink value="chargetest.html">#{labels.commonMenuChargeTest}</h:outputLink></li>
                            <li><h:outputLink
                                    value="chargeschememan.html">#{labels.commonMenuChargeSchemeManage}</h:outputLink>
                            </li>
                            <li><h:outputLink
                                    value="customertypeman.html">#{labels.commonMenuCustomerTypeManage}</h:outputLink>
                            </li>
                            <li class="divider"></li>
                            <li><h:outputLink value="adminmanage.html">#{labels.commonMenuAdminManage}</h:outputLink>
                            </li>
                            <li><h:outputLink value="rolemanage.html">#{labels.commonMenuAdminRoleManage}</h:outputLink>
                            </li>
                        </ul>
                    </li>
                    <li class="has-dropdown not-click">
                        <h:outputLink value="#"
                                      rendered="#{loginSessionBean.checkPrivilege('daily')}">#{labels.commonMenuDaily}</h:outputLink>
                        <ul class="dropdown">
                            <li><h:outputLink value="#">#{labels.commonMenuDailyCheckIn}</h:outputLink></li>
                            <li class="divider"></li>
                            <li class="has-dropdown not-click">
                                <h:outputLink value="#">#{labels.commonMenuDailyField}</h:outputLink>
                                <ul class="dropdown">
                                    <li><h:outputLink value="#">#{labels.commonMenuDailyFieldOverlook}</h:outputLink>
                                    </li>
                                    <li><h:outputLink value="#">#{labels.commonMenuDailyFieldCheckIn}</h:outputLink>
                                    </li>
                                    <li><h:outputLink value="#">#{labels.commonMenuDailyFieldExtend}</h:outputLink></li>
                                    <li><h:outputLink value="#">#{labels.commonMenuDailyFieldChange}</h:outputLink></li>
                                    <li><h:outputLink value="#">#{labels.commonMenuDailyFieldCheckOut}</h:outputLink>
                                    </li>
                                </ul>
                            </li>
                            <li class="has-dropdown not-click">
                                <h:outputLink value="#"
                                              rendered="#{loginSessionBean.checkPrivilege('cash')}">#{labels.commonMenuCashier}</h:outputLink>
                                <ul class="dropdown">
                                    <li><h:outputLink value="#">#{labels.commonMenuCashierCash}</h:outputLink></li>
                                    <li><h:outputLink value="#">#{labels.commonMenuCashierExchange}</h:outputLink></li>
                                    <li><h:outputLink value="#">#{labels.commonMenuCashierCheck}</h:outputLink></li>
                                </ul>
                            </li>
                            <li class="has-dropdown not-click">
                                <h:outputLink value="#">#{labels.commonMenuDailyCustomer}</h:outputLink>
                                <ul class="dropdown">
                                    <li><h:outputLink value="#">#{labels.commonMenuDailyCustomerIssue}</h:outputLink>
                                    </li>
                                    <li><h:outputLink value="#">#{labels.commonMenuDailyCustomerRenew}</h:outputLink>
                                    </li>
                                    <li><h:outputLink value="#">#{labels.commonMenuDailyCustomerRetype}</h:outputLink>
                                    </li>
                                    <li><h:outputLink value="#">#{labels.commonMenuDailyCustomerAnnul}</h:outputLink>
                                    </li>
                                </ul>
                            </li>
                            <li class="has-dropdown not-click">
                                <h:outputLink value="#">#{labels.commonMenuDailyBooking}</h:outputLink>
                                <ul class="dropdown">
                                    <li><h:outputLink value="#">#{labels.commonMenuDailyBookingOverlook}</h:outputLink>
                                    </li>
                                    <li><h:outputLink value="#">#{labels.commonMenuDailyBookingRegister}</h:outputLink>
                                    </li>
                                </ul>
                            </li>
                            <li class="has-dropdown not-click">
                                <h:outputLink value="#">#{labels.commonMenuDailyLocker}</h:outputLink>
                                <ul class="dropdown">
                                    <li><h:outputLink value="#">#{labels.commonMenuDailyLockerOverlook}</h:outputLink>
                                    </li>
                                    <li><h:outputLink value="#">#{labels.commonMenuDailyLockerLease}</h:outputLink></li>
                                    <li><h:outputLink value="#">#{labels.commonMenuDailyLockerRelease}</h:outputLink>
                                    </li>
                                </ul>
                            </li>
                            <li class="divider"></li>
                            <li><h:outputLink value="#">#{labels.commonMenuDailyCheckOut}</h:outputLink></li>
                        </ul>
                    </li>
                    <li class="has-dropdown not-click">
                        <h:outputLink value="#"
                                      rendered="#{loginSessionBean.checkPrivilege('selling')}">#{labels.commonMenuCommodity}</h:outputLink>
                        <ul class="dropdown">
                            <li><h:outputLink value="#">#{labels.commonMenuStorageCommodityType}</h:outputLink></li>
                            <li><h:outputLink value="#">#{labels.commonMenuStorageCommodity}</h:outputLink></li>
                            <li class="divider"></li>
                            <li><h:outputLink value="#">#{labels.commonMenuCommoditySell}</h:outputLink></li>
                            <li><h:outputLink value="#">#{labels.commonMenuCommodityChange}</h:outputLink></li>
                            <li><h:outputLink value="#">#{labels.commonMenuCommodityRefund}</h:outputLink></li>
                            <li class="divider"></li>
                            <li class="has-dropdown not-click">
                                <h:outputLink value="#">#{labels.commonMenuCommodityShelf}</h:outputLink>
                                <ul class="dropdown">
                                    <li><h:outputLink
                                            value="#">#{labels.commonMenuCommodityShelfReplenish}</h:outputLink></li>
                                    <li><h:outputLink value="#">#{labels.commonMenuCommodityShelfReturn}</h:outputLink>
                                    </li>
                                    <li><h:outputLink value="#">#{labels.commonMenuCommodityShelfCheck}</h:outputLink>
                                    </li>
                                </ul>
                            </li>
                            <li class="has-dropdown not-click">
                                <h:outputLink value="#"
                                              rendered="#{loginSessionBean.checkPrivilege('storage')}">#{labels.commonMenuStorage}</h:outputLink>
                                <ul class="dropdown">
                                    <li><h:outputLink value="#">#{labels.commonMenuStorageStoreIn}</h:outputLink></li>
                                    <li><h:outputLink value="#">#{labels.commonMenuStorageStoreOut}</h:outputLink></li>
                                    <li><h:outputLink value="#">#{labels.commonMenuStorageCheck}</h:outputLink></li>
                                    <li><h:outputLink value="#">#{labels.commonMenuStoragePack}</h:outputLink></li>
                                    <li><h:outputLink value="#">#{labels.commonMenuStorageDamage}</h:outputLink></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li class="has-dropdown not-click">
                        <h:outputLink value="#"
                                      rendered="#{loginSessionBean.checkPrivilege('manage')}">#{labels.commonMenuStatistics}</h:outputLink>
                        <ul class="dropdown">
                            <li><h:outputLink value="#">#{labels.commonMenuStatisticsDaily}</h:outputLink></li>
                            <li><h:outputLink value="#">#{labels.commonMenuStatisticsMonthly}</h:outputLink></li>
                            <li><h:outputLink value="#">#{labels.commonMenuStatisticsSeasonly}</h:outputLink></li>
                            <li><h:outputLink value="#">#{labels.commonMenuStatisticsYearly}</h:outputLink></li>
                        </ul>
                    </li>
                    <li class="has-dropdown not-click">
                        <h:outputLink value="#">#{labels.commonMenuHelp}</h:outputLink>
                        <ul class="dropdown">
                            <li><h:outputLink value="#">#{labels.commonMenuHelpAbout}</h:outputLink></li>
                            <li class="divider"></li>
                            <li><h:outputLink value="#">#{labels.commonMenuHelpChangePassword}</h:outputLink></li>
                        </ul>
                    </li>
                </ul>
                <ul class="right">
                    <li class="name"><span class="operator">#{loginSessionBean.loginAdmin.name}</span></li>
                    <li class="has-form">
                        <ul class="button-group">
                            <li><h:commandButton value="#{labels.commonMenuLockdown}" styleClass="button"
                                                 action="#{loginSessionBean.lockDown}"/></li>
                            <li><h:commandButton value="#{labels.commonMenuLogout}" styleClass="button"
                                                 action="#{loginSessionBean.logout}"/></li>
                        </ul>
                    </li>
                </ul>
            </section>
        </h:form>
    </nav>
    <ui:insert name="mainContents"/>
    <h:outputScript library="javax.faces" name="jsf.js" target="body"/>
    <h:outputScript library="scripts" name="jquery-2.1.3.min.js" target="body"/>
    <h:outputScript library="scripts" name="foundation.min.js" target="body"/>
    <h:outputScript library="scripts" name="common.js" target="body"/>
    <ui:insert name="javascriptFunctions"/>
</h:body>

</html>